<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="app">
        <input type="button" @click="isShow = !isShow">
        
        <Transition
            name="custom-classes"
            enter-active-class="animate__animated animate__headShake"
            leave-active-class="animate__animated animate__swing"
        >
            <p v-show="isShow">文字</p>
        </Transition>
    </div>
</body>
<script src="../vue.global.js"></script>
<script>
    const {createApp} = Vue;
    const app = createApp({
        data(){
            return {
                isShow: true
            }
        }
    })
    app.mount(".app");
</script>
</html>